import Image from "next/image";
import { Cards } from "nextra/components";
import "./app.css";

export const metadata = {
  title: "JavaScript Code Challenges",
}

<div className="text-center">
<br/>
# Welcome to JS Code Challenges

Collection of modern interview code challenges on JavaScript suitable for <br />
**Interviewees | Interviewers | Knowledge test | Practice**

<Image
  src="/hero.svg"
  alt="hero banner"
  width={400}
  height={350}
  style={{
    margin: 'auto',
    marginTop: '4rem',
    marginBottom: '4rem',
  }}
/>
</div>

<Cards num={2}>
  <Cards.Card className="card" title="Concepts" href="/concepts/variables" />
  <Cards.Card className="card" title="Challenges" href="/challenges/primitives" />
</Cards>

<br />
<br />

<div className="text-center">
  Show your support by giving a ★ <br /> to [JavaScript Code
  Challenges](https://github.com/sadanandpai/javascript-code-challenges) repo
</div>
